<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 一、元素存在福哦个属性和属性值的使用
				图片元素的使用
				语法：<img />  简写<img> 非封闭性标记
				必须属性   src资源属性【路径】=图片全称
				目录==文件夹【项目：存在文件夹下】
				Git仓库【front-end】路径   【Day01】	路径【图片元素.html】
				路径：可以找到文件的地址，/ \代表路径
				front-end/Day01/图片元素.html
				路径用法：、
				/ 正斜杠 代表：上传至服务器 [推荐]
				\ 反斜杠 代表：下载到本地
				
				.../返回上一级
				
				相对路径： 两种 1.相对于执行网页，找文件【文件夹+路径+文件全程】
							  img/image/1.png 用sub
							   2.相对于执行网页，套在文件夹下，需要返回上一级
				绝对路径： 从盘符开始找路径，写法：C/文件夹/文件夹/内容全程
				
				alt标题属性  属性值文本自定
				特点：网络延迟图片显示失效或者路径图片全称写错、
				用户提示
				title标题属性  属性值文本自定 
				特点：鼠标移动上图片显示
		 -->
		 <img src="img/1.pn" alt="微博">
		 <img src="img/2.gif" title="哔哩哔哩" width="200px" height="200px"/>
		 <img src="img/3.jpg" alt="哭" title="哭" width="200px" height="200px"/>
	</body>
</html>
